@tailwind base;
@tailwind components;
@tailwind utilities;
:root {
  /* 包含外边距 */
  --menu-width: 200px;
}
html,
body,
#app {
  height: 100vh;
  overflow: hidden;
}
html {
  font-family: PingFang SC,Microsoft YaHei,Inter,-apple-system,BlinkMacSystemFont,Hiragino Sans GB,noto sans,Helvetica Neue,Helvetica,Arial,sans-serif;
}
* {
  box-sizing: border-box;
}

#nprogress .bar {
  background: rgb(var(--primary-6)) !important;
}

.arco-trigger-menu-icon-suffix::before {
  content: '';
  display: inline-block;
  flex: 1;
}

.form-item__require label::before {
  content: '*';
  color: #f00;
  margin-right: 5px;
}

.form-item__no_require label::before {
  content: '';
  margin-right: 10px;
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: inline-block;
  vertical-align: baseline;
}

.card-border-radius {
  border-radius: var(--border-radius-large) !important;
}
.card-border-radius:hover{
  box-shadow: 0px 0px 10px #ddd;
}

/* a-form-item label 颜色改为更深的黑（默认 --color-text-2） */
.arco-form-item-label-col > .arco-form-item-label {
  color: var(--color-text-1);
}
/**
  descriptions 布局方式为水平
*/
.arco-descriptions-layout-horizontal .arco-descriptions-row .arco-descriptions-item-label{
  width: 13.3333333%;
  padding-right: 8px;
}
.arco-descriptions-layout-horizontal .arco-descriptions-row .arco-descriptions-item-value{
  width: 20%;
}
/* 补充冒号 */
.arco-descriptions-row .arco-descriptions-item-label:not(:empty)::after{
  content: '：';
}

/* 图片加边框 */
.arco-image-img{
  border-radius: 2px 2px 2px 2px;
  border: 1px solid #E5E6EB;
}

/* descriptions-item 内容为空自动补 - */
.arco-descriptions-item-value:empty::after{
  content: '-';
}

.arco-form-item-extra:empty {
  margin-top: 0;
}

/* divider 颜色 */

.arco-divider {
  border-bottom: 1px solid #f2f3f5;
}

.page-form-block {
  background: rgba(247, 248, 250, 0.5);
  padding: 20px;
}

.arco-empty .arco-empty-description {
  color: #B6B6B6;
  font-size: 12px;
}
.arco-empty .arco-icon {
  color: #B6B6B6;
}
/* 全局 message 调整 */
.arco-message {
  padding: 20px 32px;
}
.arco-message-content {
  font-size: 16px;
}
.arco-message-list-top {
  top: 140px;
}
/* 全局表格样式调整 */
.arco-table .arco-table-cell {
  padding-left: 12px;
  padding-right: 12px;
}
.arco-table .arco-table-th .arco-table-cell {
  padding-left: 12px;
  padding-right: 12px;
}


.arco-badge.status-tag {
  .arco-badge-status-dot {
    width: 8px !important;
    height: 8px !important;
  }
  .arco-badge-status-text {
    font-size: 14px !important;
  }
}


.limit-modal {
  .arco-modal-body {
    max-height: 76vh;
  }
}